import 'package:flutter/material.dart';
import 'package:get/get.dart';

class MallDetail extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
           appBar: AppBar(
            backgroundColor: Color(0xffffffff),
            centerTitle: true
          ),
          body: Column(
            children: [
              Expanded(child: 
              ListView(
            padding: EdgeInsets.symmetric(horizontal: 15),
            children: [
              ClipRRect(
                  borderRadius: BorderRadius.circular(10.0), // 设置圆角大小
                  child: Image.asset('static/aaa.png',fit: BoxFit.fitWidth,),
                ),
                SizedBox(height: 10,),
                Text('已兑换100份',style: TextStyle(fontSize: 14,color: Color(0XFF1F0584))),
                Text('超现实元宇宙数字艺术展厅',style: TextStyle(fontSize: 22,color: Color(0XFF0F172B),fontWeight: FontWeight.bold)),
                   SizedBox(height: 15,),
              
                Row(
                  children: [
                   Text('规格选择',style: TextStyle(fontSize: 14,color: Color(0XFF999999))),
                   SizedBox(width: 10,),
                   Text('TEDA潮流咖啡杯500m',style: TextStyle(fontSize: 14,color: Color(0XFF0F172B))),
                  ],
                ),
                   SizedBox(height: 15,),

                Row(
                  children: [
                   Text('兑换须知',style: TextStyle(fontSize: 14,color: Color(0XFF999999))),
                   SizedBox(width: 10,),

                   Text('兑换后不支持退换货',style: TextStyle(fontSize: 14,color: Color(0XFF0F172B))),
                  ],
                ),
                   SizedBox(height: 15,),

                Row(
                  children: [
                   Text('支付方式',style: TextStyle(fontSize: 14,color: Color(0XFF999999))),
                   SizedBox(width: 10,),

                   Text('积分兑换',style: TextStyle(fontSize: 14,color: Color(0XFF0F172B))),
                  ],
                ),
                   SizedBox(height: 15,),

                Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                   Text('兑换说明',style: TextStyle(fontSize: 14,color: Color(0XFF999999))),
                   SizedBox(width: 10,),

                   Expanded(child: 
                   Text('可兑换规格仅供参考，实际库存以用户兑换情况为准，数据可能存在延迟，敬请理解。',style: TextStyle(fontSize: 14,color: Color(0XFF0F172B))),
                   
                   )
                  ],
                ),
                SizedBox(height: 50,),
                Text('商品信息',style: TextStyle(fontSize: 18,color: Color(0XFF0F172B),fontWeight: FontWeight.bold)),
                SizedBox(height: 5,),
                Image.asset('static/aaa.png',fit: BoxFit.fitWidth,),

            ],
          )
              ),

              Container(
                margin: EdgeInsets.symmetric(horizontal: 15,vertical: 10),
                height: 60,
                decoration: BoxDecoration(
                  color: Color(0XFF0F172B),
                  borderRadius: BorderRadius.circular(60)
                ),
                child: Row(
                  children: [
                    SizedBox(width: 25,),
                    Text('99.00',style: TextStyle(fontSize: 24,color: Color(0XFFFFFFFF)),),
                    Text('积分',style: TextStyle(fontSize: 16,color: Color(0XFFFFFFFF)),),
                    Expanded(child: SizedBox()),
                    GestureDetector(
                      onTap: ()=>{
                        Get.toNamed('/web_tabs/shopping/mall_pay')
                      },
                      child: Text('立即兑换',style: TextStyle(fontSize: 18,color: Color(0XFFFFFFFF)),),
                    ),
                    SizedBox(width: 25,),

                  ],
                ),
              )
            ],
          )
          
          ,
    );
  }
}